.register {
  padding: 16px 120px 0 120px; // 16px = 40px-
  margin-bottom: 40px;

  .title {
    //styleName: 01 Page Title EN/Montserrat Bold;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    text-align: left;
    color: #7a6145;
    margin-bottom: 40px;
  }

  .register-content {
    box-shadow: 0px 2px 8px 0px #4444441a;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    padding: 40px;

    .license-plate-number-registration {
      :global(.ant-typography) {
        margin-bottom: 32px;
        //styleName: 02 Title EN/Regular;
        font-family: Roboto;
        font-size: 28px;
        font-weight: 400;
        line-height: 40px;
        text-align: left;
        color: #202020;
      }

      .tips-text {
        color: #696767;
        //styleName: 08 Action Text EN/Regular;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        margin-bottom: 24px;
      }

      :global(.ant-radio-group) {
        :global(.ant-radio-wrapper) {
          border: 1px solid #e1e1e1;
          padding: 16px 18px 16px 16px;
          gap: 8px;
          border-radius: 8px;
          //styleName: 08 Action Text EN/Regular;
          font-family: Roboto;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
          color: #202020;
        }

        :global(.ant-radio-wrapper:first-child) {
          margin-right: 24px;
        }
      }
    }
  }
}

// submitted Failed modal
:global(.ant-modal-body) {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  .modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    .modal-icon {
      width: 79px;
      height: 80px;
    }
    .modal-title {
      //styleName: 03 Subtitle EN/Medium;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
      text-align: center;
      color: #202020;
    }
  }
  .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 24px;
    .content-header-text,
    .content-footer-text {
      //styleName: 07 Body Text Small EN/Regular;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
      color: #202020;
    }
  }
  :global(.ant-table-wrapper .ant-table-thead > tr > th) {
    color: #696767;
    //styleName: 09 Description Text EN/Regular;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
  }
  :global(.ant-table-row) {
    //styleName: 08 Action Text EN/Regular;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #202020;
  }
  :global(.ant-table) {
    border: none !important;
    background-color: #f6f6f6;
    border-radius: 12px;
  }
  :global(.ant-table-thead > tr > th) {
    border: none !important;
    background-color: #f6f6f6;
    padding: 16px 16px 0 16px;
  }
  :global(.ant-table-tbody > tr > td) {
    border: none !important;
    padding: 12px 16px 16px 16px;
  }
  :global(
      .ant-table-wrapper
        .ant-table-thead
        > tr
        > th:not(:last-child):not(.ant-table-selection-column):not(
          .ant-table-row-expand-icon-cell
        ):not([colspan])::before
    ) {
    display: none !important;
  }
  :global(.ant-table-tbody > tr:hover) {
    background-color: none !important;
  }

  :global(.ant-table-wrapper) {
    width: 100%;
  }
}
